/* <!-- */
/* General styles */

h1 {
    font-size:1.3em;
}
h2{
    font-size:1.1em;
}

#minimitzarCapcalera {
    color:#6495ED;
    cursor:pointer;
}

#titolListaSubscripcions {
    margin-left:15px;
    color:SaddleBrown;
}

#titolListaSubscripcions .capcaleraMyFeeds
{
    margin:10px 0;
    font-weight: bold;

}


.msgNumItems {
    text-align:right;
    display:none;
    float:left;
    width:100%;
    font-weight: bold;
}



#titolFeed {
    float:left;
    height:98%;
    width:auto;
    color:Orange;
    font-weight:bold;
    font-size: 1.1em;
}

#contenidorTextMostrarItems{
    float:right;
    height:98%;
    margin-left:5%;
    width:auto;
    cursor: pointer;

}


#mostrarPantallaCompleta {
    float:left;
    width:auto;
    color:#6495ED;
    height:98%;
    margin-left:1%;
    cursor: pointer;

}

#markAllAsReaded {
    float:left;
    width:auto;
    color:#6495ED;
    height:98%;
    margin-left:1%;
    cursor: pointer;
}

.textMostrarItems {
    float:left;
    color:#6495ED;
    margin-right:4px;
    cursor: pointer;
}

#numItemsTitolFeed {
    margin-right:4px;
    float:left;
}


#llistaItemsSubscripcio {
    float: left;
    height:100%;
    overflow: auto;
    width: 100%;
}


.contenidorItem {
    border-top: 2px solid;
    float: left;
    overflow: auto;
    padding: 1% 0;
    width: 99%;
}

.contingutItem {
    border: 1px solid Orange;
    padding:15px;
}

/* classes de text, elements simples */

.blau {
    color:#6495ED!important;
}

.ocult {
    display:none;
}

.divFlotant {
    float:left;
    color:Orange;
    font-weight: bold;
    width:100%;
}

#divInform {
    border: 1px solid lightblue;
    color: orange;
    height: 30px;
    margin: 20px 0 10px 40px;
    text-align: center;
    width: 300px;
}

#divInform p{
    float:left;
    margin-left: 15px;
}
#divInform img {
    float:left;
    width: 30px;
    height: 30px;
    margin-left: 10px;
}

.textLoading {
    width:100%;
    float:left;

}

.noLlegida {
    background-color:#FFEFAD;
    color: black;
}

#titolContingutItem{
    font-weight: bold;
    font-size: 1.1em;
    width:75%;
    float:left;
}

#titolContingutItem a{
    color:CornflowerBlue;

}

#titolContingutItem a:hover{
    font-style: bold;
    color:#FFCC00;
}

#activarEtiqFraseLect{
    color:saddlebrown;
    float:left;
    text-align: right;
    width: 25%;
    cursor:pointer;
}

#dataContingutItem {
    border-bottom: 2px solid;
    clear: both;
    color: #6495ED !important;
    height: 20px;
    margin-bottom: 3px;
}
#contingutContingutItem{
    margin-bottom:1%;
}
#opcionsContingutItem{
    width:100%;
    height:4%;
    cursor:pointer;
}
.opcionsContingutItem{
    float:right;
    width:14%;
    background-color:#6495ED;
    color:white;
    margin:0 4px;
    text-align:center;
}
.opcionsContingutItemVot{
    float:right;
    width:8%;
    background-color:#6495ED;
    color:white;
    margin:0 4px;
    text-align:center;
}
.opcionsContingutItemVotRed{
    float:right;
    width:14%;
    background-color:Orange;
    color:white;
    margin:0 4px;
    font-weight:bold;
    text-align:center;
}

#magrada {
    float:right;
    width:auto;
    color:#6495ED;
    margin-left:3px;
    background-color:#FFEB99;
    cursor: pointer;


}

#etiquetarFraseLectura
{
    background-color:#ff9900;
    color:black;
    width: 25%;
    clear:both;
    float:right;
}
#labelFraseLectura
{
    float:left;
    margin:0 10px;

}
#fraseLectura
{
    color:saddleBrown;
    float:left;
}

#labelEtiqueta
{
    clear:both;
}

#formEtiqueta2
{
    float:left;
    margin-left: 5px;
}
#botoEtiquetarFrase {
    border: 1px solid;
    cursor: pointer;
    float: left;
    margin: 0 10px;
    text-align: center;
}

#botoEtiquetarFrase:hover {
    background-color: #6495ED;
    color: whitesmoke;
    border: 1px solid saddlebrown;

}
#closeEtiqueta
{
    float:right;
    cursor:pointer;
}

.negreta{
    font-weight:bolder;
}

/* Formularis */



/* Caracteristiques del text */

.textPetit {
    color:red;
}

.textPetitLogin{
}

.errorMessage {
    color: red;
}


.textSuccess {

    color:red;
    font-weight: bold;
}
/* --> */



/*********************************************************
********************* General styles *********************
**********************************************************/
html {
    height:100%;
    width:100%;
    margin: 0;
}
body {
    margin:0;
    padding:0;
    border:0;            /* This removes the border around the viewport in old versions of IE */
    width:100%;
    height:100%;
    color:saddleBrown;
    font-family: Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
}

/* links */
a {
    text-decoration:none;
    color:cornflowerBlue;
}
a:hover {
    color:Orange;
    text-decoration:none;
}

/* text block */
p {
    margin:.4em 0 .8em 0;
    padding:0;
}

/* render of logo */
img a:hover{
    text-decoration: none;
}

/* borders, rounded... */

.module { background: white;}
.hd h3 {padding: 5px 3px; margin: 0px;}
.hd {background: #b00; color: white; height: 40px;}
.bd {padding: 3px;}	

/* rounded corners - FF, S, O */
.module {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
.module2 {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.hd {
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-radius: 4px 4px 0 0;
}

/* shadow - FF, IE, S, O */
.module {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); /* left, top, thickness, color */
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
} 

.module2 {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); /* left, top, thickness, color */
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
} 
.glow {
    -webkit-box-shadow: 0 0 10px rgba(50, 50, 50, 0.8); /* left, top, thickness, color */
    -moz-box-shadow: 0 0 10px rgba(50, 50, 50, 0.8); 
    box-shadow: 0 0 10px rgba(50, 50, 50, 0.5);
    filter:progid:DXImageTransform.Microsoft.glow(Strength=5, Color='gray');
    -ms-filter:"progid:DXImageTransform.Microsoft.glow(Strength=3, Color='gray')";
}

/*********************************************************
********************** Header styles *********************
**********************************************************/
#header{
    height:4%;
    border-bottom:1px solid #6495ED;
    background-color:white;
    min-height: 30px;
}

#header div{
    float:left;	
}

#headerLogo img{
    height:30px;
    border:0;
}

#headerUserInfo{
    width:200px;
    text-align:right;
    height:30px;

}
#headerUserInfo p {
    padding:5px;
    float:left;
    margin:0; /* redefine p default declaration */
}

#headerOptions{
    width:200px;
    text-align:left;
}

#headerButtons{
    float:right !important;	
    border-left:solid 1px cornflowerBlue;
    height:30px;
}

#headerButtons div{
    float:left;	
}
/* button styles from the main menu */
.menuButton{
    float: left;
    padding: 5px 10px;
    text-decoration: none;
    cursor:pointer;
}

#readerContainer {
    background-color:white;
    height:100%;
    width:100%;
    margin-left:auto;
    margin-right:auto;
    min-width:1200px;
    min-height:500px;
}

#readerContent{
    overflow:auto;	
}

.elemLlistaSubscripcions {
    clear: both;
    height: 26px;
}

#menuPrincipal .titolEtiqueta{
    clear: both;
    color: orange;
    cursor: default;
    font-size: 1.2em;
    font-weight: bold;
    padding: 2px 10px 10px;
    width: 230px;
}

#llistaSubscripcions, #llistaNeighbors, #llistaRecomanacions, #llistaTopics {
    overflow:auto;
    clear:both;
    margin-bottom: 15px;
}
#llistaNeighbors, #llistaRecomanacions, #llistaTopics {
    display: none;
}

.titleMenuPrincipal{
    margin:5px 0 5px 15px;	
    font-weight: bold;
    cursor: pointer;
    clear:both;
    font-size: 1.2em;
    float:left;
}

/* Llista de subscripcions */
* #titolElemLlistaSubscripcions {
    cursor:pointer;
    float:left;
    margin:0 10px 0 30px;
}

* #titolElemLlistaSubscripcions:hover {
    background-color: #E8D0A9;
    color: brown;
}

* .numItems {
    float: left;
}

* .numItems:hover  {
    background-color:White;
    color:Black;
}

/* Zona de lectura */

#menuPrincipal {
    width:284px;
    height:93%;
    float:left;    
    background-color:Cornsilk;
}

#menuPrincipal h1 {
    margin:5px 0 5px 15px;	
}

#zonaLectura {
    height:90%;
    margin-left: 290px;
    padding-left:15px;
    background-color: white;
}
#capcaleraZonaLectura {
    height: 4%;
    margin-top: 10px;
    width: 98%;
    display:none;
}

#zonaLectura h1{
    color:Orange;
}

#textMain{
    text-align: justify;
    color:saddleBrown;
    margin: 25px 15px;
}

.rounded-box {
    border-radius: 1%;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.5);
    background-color: white;
}

.rounded-box .titol {
    background-color: #FFAA33;
    border-radius: 5px 5px 0 0;
    min-height: 25px;
    font-weight: bold;
}
.rounded-box .titol span {
    float: left;
    margin: 6px 0 0 10px;
}

.ocult {
    display: none;
}

#contenidorPrincipalRecomanacions {
    background-color: #cccccc;
    height: 100%;
    min-height: 500px;
    min-width: 1000px;
    overflow: auto;
    width: 100%;
}

#contingutRecomanacions {
    height: 95%;
    margin: 6px 0 0 10px;
}

#introduccioRecomanacions {
    background-color: #FFEB99;
    color: saddleBrown;
    float: left;
    height: 70px;
    margin-top: 10px;
    width: 100%;
}

#contingutLectorRecomanacions .link1 {
    color: cornflowerBlue;
    cursor: pointer;
}

#contingutLectorRecomanacions .link1:hover {
    color: Orange;
}

.spanTancarCaixa {
    height: 9px;
    margin: 1px auto 0;
    text-align: right;
    width: 99%;
}

#tancarCaixaDescr1 .elem {
    cursor: pointer;
}

#contingutCaixesRecomanacions {
    height: 94%;
    margin: 6px 0 0 6px;
    min-height: 450px;
}

#esquerraRecomanacions,#dretaRecomanacions,#centreRecomanacions {
    float: left;
    height: 98%;
}

#esquerraRecomanacions {
    width: 28%;
}

#centreRecomanacions {
    width: 1%;
}

#centreRecomanacions img {
    cursor: pointer;
    margin-left: 5px;
}

#dretaRecomanacions {
    width: 70%;
}

#contingutLectorRecomanacions {
    background-color: white;
    color: saddleBrown;
    height: 100%;
    padding-left: 20px;
    overflow: auto;
}

#titolItemRecomanat {
    width: 100%;
}

#titolItemRecomanat a {
    color: Orange;
}

#titolItemRecomanat a:hover {
    color: SaddleBrown;
}

#contingutItemRecomanat {
    height: 90%;
    overflow: auto;
}

.loading {
    margin-left: 10px;
    float: left;
}

.elemUsersSubscribedList {
    margin: 5px 0 0 25px;
    cursor: pointer;
    clear:both;
}

.topicsBox {
    display:none;
    margin:0 auto;
    width:95%;
}

.topicsBoxColumn {
    float:left;
    height:100%;
    width:33%;
}

.topicsBoxElem{
    margin: 14px 0;
    text-align: center;
    cursor: pointer;
}

.elemTopicsSubscribedList {
    margin: 5px 0 0 25px;
    cursor: pointer;
    clear:both;
}


#showMoreItems {
    width:100%;
    border-top:1px solid saddleBrown;
    padding-top:10px;
    height:30px;
    float:left;
    cursor:pointer;
    text-align:center;
}


#showMoreTopics {
    width:80px;
}


.subheaderItem {
    clear:both;
    width:100%;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
    height:20px;
}

.itemContent {
    clear:both;
    margin-bottom:1%;
}

.currentReading {
    border-left: blue 2px solid;
}

input.btn {
    color:SaddleBrown;
    background-color:Cornsilk;
    border:1px solid;
    border-color: #696 #363 #363 #696;
    cursor:pointer;
}

#showingElementsBar {
    font-size:1.1em;
}

#listFeedsByTopic {
    cursor:pointer;
}

.subscribePersFeed, .subscribePersTopic {
    cursor: pointer;
    margin-left: 5px;
}

.readedIn {
    color: orange;
    width: 55%;
    font-size: 1.1em;
}